<style>.step-box{ clear:both;}</style>
<div class="panel panel-inverse modal-dialog modal-lg" data-sortable-id="ui-general-1">
    <div class="panel-heading" >
        <div class="panel-heading-btn">
            <button class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></button>
            <button class="btn btn-xs btn-icon btn-circle btn-danger" onclick="$('#myCustomer-modal').empty().modal('hide')" ><i class="fa fa-times"></i></button>
        </div>
        <h3 class="panel-title">客户资料</h3>
    </div>
    <div class="panel-body p-3 ">
        <div class="row col-md-10" style="border-right: 0.5px solid #b6c2c9 !important;">
            <div class="row p-t-25 p-l-20">
                <div class="pull-left col-md-2 col-sm-2 col-xs-6">
                    <img src="img/avatar/customer.png" />
                </div>
                <div class="pull-right col-md-10 col-sm-10 col-xs-10 p-l-15">
                    <h3><strong id="exName" class="m-b-3">客户名称</strong></h3>
                    <div>
                        <h5 class="pull-left">跟进人: <span id="reciver">加载失败</span></h5>
                        <div class="pull-right btn-group">
                            <a href="javascript:;" class="btn btn-white btn-sm">共享客户</a>
                            <a href="javascript:;" data-toggle="dropdown" class="btn btn-white btn-sm dropdown-toggle" aria-expanded="false">
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pull-right border-solid-1">
                                <li><a href="javascript:;" class="p-r-0">转让客户</a></li>
                                <li><a href="javascript:;" class="p-r-0">放弃客户</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row col-md-2 height-25"></div>
                <div class="col-md-12 col-sm-12 col-xs-12 p-l-40">
                    <!--客户阶段控制-->
                    <div class="step-box">
                        <div class="eis-stepContents">
                        </div>
                    </div>
                    <div class="clearfix m-b-10"></div>
                </div>
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#records" data-toggle="tab">动态记录</a></li>
                        <li><a href="#cusInfoDetail" data-toggle="tab">资料</a></li>
                        <li><a href="#cusplan" data-toggle="tab">销售计划</a></li>
                        <li><a href="#shear" data-toggle="tab">共享关系</a></li>
                    </ul>
                    <br/>
                     <div class="tab-content p-0" data-sortable-id="index-3">
                       <div class="tab-pane fade active in height-460 overflow-auto" id="records">
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <textarea class="width-full" style="border-radius:4px;" id="followContent" rows="4" placeholder="  输入客户跟进记录,不超过1000个字..."></textarea>
                                <button class="btn btn-primary btn-sm pull-right white" onclick="addFollow();">确定添加</button>
                            </div>
                           <div class="col-md-12 col-sm-12 col-xs-12 overflow-auto height-300 p-l-0 p-r-0" id="detailListId">

                           </div>
                       </div>
                       <div class="tab-pane fade height-450 overflow-auto" id="cusInfoDetail">
                          <form class="invoice-content">
                              <div class="tab-content p-0">
                                  <div class="tab-pane fade active in height-350 overflow-auto" id="nav-pills-tab-1">
                                     <table class="table table-bordered table-striped">
                                         <tbody>
                                             <tr>
                                                 <td class="width-150">客户名称 *:</td>
                                                 <td><a href="#" id="cus_name" data-type="text" data-pk="1" data-title="输入客户名称"> </a></td>
                                             </tr>
                                             <tr>
                                               <td class="width-150">手机号 *:</td>
                                               <td><span id="cus_mobile"> </span></td>
                                              </tr>
                                             <tr>
                                              <td class="width-150">所属专员 *:</td>
                                              <td><span id="cus_director"> </span></td>
                                             </tr>
                                             <tr>
                                               <td class="width-150">意向等级 *:</td>
                                               <td><span id="cus_groud_batch" > </span></td>
                                              </tr>
                                             <tr>
                                              <td class="width-150">地区 *:</td>
                                              <td><span id="cus_area" > </span></td>
                                             </tr>
                                            <tr>
                                             <td class="width-150">获取批次 *:</td>
                                             <td><span id="cus_batch_td"> </span></td>
                                            </tr>
                                         </tbody>
                                      </table>
                                  </div>
                              </div>
                          </form>
                       </div>
                       <div class="tab-pane fade height-450 overflow-auto" id="cusplan">
                          <input id="selectUserUuid" type="hidden" value="">
                            <div id="selectLabel">
                                 <button class="btn btn-sm btn-link  m-3" onclick="salePlanIsImple(this)" uuid="1">已执行</button>
                                 <button class="btn btn-sm btn-link m-3" onclick="salePlanIsImple(this)" uuid="0">未执行</button>
                            </div>
                           <div class="height-400 overflow-auto">
                             <ul class="list-group list-group-lg no-radius list-email" id="sale_list_mycustomer">
                             </ul>
                           </div>
                       </div>
                        <div class="tab-pane fade height-450 overflow-auto" id="shear">
                         <span>共享关系</span>
                         <p id="my_customesharea"></p>
                      </div>
                   </div>

                </div>
            </div>
        </div>
        <div class="row col-md-2">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <div class="dropdown" id = "labeldetail">
                        <a type="button" class="btn btn-link m-l-10 p-3 f-s-10 border-dashed-1"  data-toggle="dropdown"><i class="fa fa-plus m-r-3"></i>添加</a>
                        <ul class="dropdown-menu text-center width-450" style="left: -330px;" >
                            <div class="panel panel-inverse m-b-0" data-stopPropagation ="true">
                                <div class="panel-heading p-5"  style="border-top-left-radius:9px;border-top-right-radius:9px">
                                    <h4 class="panel-title text-left">选择标签</h4>
                                </div>
                                <div class="panel-body p-3 height-350 overflow-auto" id="selectTagupdate" data-stopPropagation ="true"></div>
                                <div class="panel-footer text-right" data-stopPropagation ="true">
                                    <a href="javascript:void(0)" onclick="$('#labeldetail').removeClass('open')" class="label label-danger m-r-5 ">取消</a>
                                    <a href="javascript:void(0)" onclick="labelSelectSureupdate();" class="label label-primary m-r-5 " >确定</a>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>
                <h4 class="panel-title">标签</h4>
            </div>
            <div class="border-bottom-1"></div>
            <div class="panel-body p-5">
                <div class="height-300 overflow-auto">
                    <span id="drownSelectupdate" ></span>
                </div>
            </div>
        </div>
    </div>
</div>
<script data-th-src="@{customer/myCustomer/myCustomerdetail/aiempDetail.js}"></script>
<script data-th-src="@{customer/myCustomer/myCustomerdetail/step.js}"></script>
